<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		li{
			list-style: none;
		}
		.scal{
			font-size: 70px;
		}
		p{
			font-size: 12px;
			transition: 1s;
		}
		</style>
	</head>
	<body>
	<ul class="test">
		<li>第1段话</li>
		<li>第2段话</li>
		<li>第3段话</li>
		<li>第4段话</li>
		<li>第5段话</li>
	</ul>
	<p>JavaScript</p>
		<script type="text/javascript">
			var ul=document.querySelector(".test");
			setInterval(function(){
				var ali=document.querySelectorAll(".test li");
				var firstli=ali[0];
				ul.appendChild(firstli);
			},1000);
			
			var pele=document.querySelector("p");
			setInterval(function(){
				pele.classList.toggle("scal");
			},1000)
		</script>
	</body>
</html>
